<template>
  <div>
    <Header/>
    <vue-element-loading
        :active="vueElementLoading"
        spinner="bar-fade-scale"
        color="#FF6700"
    ></vue-element-loading>
    <router-view/>
    <Footer v-show="!$route.meta.isHidden"/>
  </div>
</template>

<script>
import VueElementLoading from "vue-element-loading";
import Header from "@comp/Header";
import Footer from "@comp/Footer";
import {mapState} from "vuex";

export default {
  name: 'App',
  components: {
    Header,
    Footer,
    VueElementLoading
  },
  computed: {
    ...mapState('user', ['vueElementLoading'])
  }
}
</script>

<style lang="less">
</style>
